
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<!-- iPhone, iPad and Android specific settings -->	
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1;">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		
		<title>Adminica | The Professional Admin Theme</title>		

		<!-- Create an icon and splash screen for iPhone and iPad -->
		<link rel="apple-touch-icon" href="http://www.tricycle.ie/adminica/images/iOS_icon.png">
		<link rel="apple-touch-startup-image" href="http://www.tricycle.ie/adminica/images/iOS_startup.png"> 

		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/all.css" media="screen">
		
<!--
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher5.php?default=theme_light.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher.css" media="screen">
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?default=../layout_fixed.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher2.php" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?default=theme_red.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?default=switcher.css" media="screen" />
-->
		
				
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher5.php?default=switcher.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher.css" media="screen">
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?default=../layout_fixed.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher2.php" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?default=theme_blue.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?default=bg_wood.css" media="screen" />


		<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
		<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
		
		<!-- Load JQuery -->		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

		<!-- Load JQuery UI -->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

		<!-- Load Interface Plugins -->
		<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/uniform/jquery.uniform.js"></script>
		<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/iPhone/jquery.iphoneui.js"></script>
		<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/uitotop/js/jquery.ui.totop.js"></script>
		
		<!-- This file configures the various jQuery plugins for Adminica. Contains links to help pages for each plugin. -->
		<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/adminica/adminica_ui.js"></script>
		
		
	</head>
	<body>
	<div id="loading_overlay">
	<div class="loading_message round_bottom">Loading...</div>
</div>

		<div id="wrapper">	
			<div id="topbar" class="clearfix">
	
	<a href="index.php" class="logo"><span>Adminica Pro II</span></a>
	
	<div class="user_box round_all">
		<img src="http://www.tricycle.ie/adminica/images/profile.jpg" width="55" alt="Profile Pic" />
		<h2>Administrator</h2>
		<h3><a class="text_shadow" href="#">John Smith</a></h3>
		<ul>
			<li><a href="#">profile</a><span class="divider">|</span></li>
			<li><a href="#">settings</a><span class="divider">|</span></li>
			<li><a href="login.php">logout</a></li>
		</ul>
	</div><!-- #user_box -->	
</div><!-- #topbar -->		
			<div id="sidebar">
	<div class="cog">+</div>
	<a href="http://www.tricycle.ie/adminica/index.php/site/dashboard_sorter/" class="logo"><span>Adminica Pro II</span></a>

	<div class="user_box round_all clearfix">
		<img src="http://www.tricycle.ie/adminica/images/profile.jpg" width="55" alt="Profile Pic" />
		<div class="user_links">
			<h2>Administrator</h2>
			<h3><a class="text_shadow" href="#">John Smith</a></h3>
			<ul>
				<li><a href="#">settings</a><span class="divider">|</span></li>
				<li><a href="login.php">logout</a></li>
			</ul>
		</div>
	</div><!-- #user_box -->

	<ul id="accordion" class="round_all">
		<li><a href="index.php" class="top_level has_slide"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/home.png"/>Home</a>
			<ul class="drawer">
				<li><a href="#">Activity</a></li>
				<li><a href="#">Events</a></li>
				<li><a href="#">Tasks</a></li>
			</ul>
		</li>
		<li><a href="#" class="top_level has_slide"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/mail.png"/>Mailbox<span class="alert badge alert_red">5</span></a>
			<ul class="drawer">
				<li><a href="#">Inbox<span class="alert badge alert_grey">3</span></a></li>
				<li><a href="#">Sent Items<span class="alert badge alert_grey">2</span></a></li>
				<li><a href="#">Drafts</a></li>
				<li><a href="#">Trash</a></li>
			</ul>
		</li>
		<li><a href="#" class="top_level has_slide"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/documents.png"/>Documents<span class="alert badge alert_black">2</span></a>
			<ul class="drawer">
				<li><a href="#">Create New</a></li>
				<li><a href="#">View All</a></li>
				<li><a href="#">Upload/Download<span class="alert badge alert_grey">2</span></a></li>
			</ul>
		</li>
		<li><a href="#" class="top_level has_slide"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/users.png"/>Members</a>
			<ul class="drawer">
				<li><a href="#">Add New</a></li>
				<li><a href="#">Edit/Delete</a></li>
				<li><a href="#">Search Profiles</a></li>
			</ul>
		</li>
		<li><a href="#" onClick="parent.location='http://www.tricycle.ie'" class="top_level"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/graph.png"/>Statistics</a></li>
		<li><a href="#" class="top_level has_slide"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/cog_2.png"/>Settings</a>
			<ul class="drawer">
				<li><a href="#">Account</a></li>
				<li><a href="#">System</a></li>
			</ul>
		</li>
	</ul>
	<form id="search_side"><input class="round_all" type="text" value="Search..." onclick="value=''"></form>
	<ul id="side_links" class="text_shadow" >
		<li><a href="#">Documentation and FAQs</a></li>
		<li><a href="#">Expert Forum</a></li>
		<li><a href="#">Product Wiki</a></li>
		<li><a href="#">Latest Company News</a></li>
	</ul>
</div><!-- #sidebar -->

			<div id="main_container" class="main_container container_16 clearfix">
<div id="nav_top" class="clearfix round_top">
	<ul class="clearfix">
		<li class="current"><a href="http://www.tricycle.ie/adminica/index.php/site/dashboard_sorter/"><img src="http://www.tricycle.ie/adminica/images/icons/small/white/laptop.png"/>Dashboard</a></li>
	
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/frames.png"/>Layout</a>
			<ul class="dropdown">
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/layout/">Grid System</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/text/">Text & Typography</a></li>
				<li><a class="has_slide" href="#">Layout Width</a>
					<ul class="slideout">						
						<li><a href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?style=../layout_fixed.css">Fixed</a></li>
						<li><a href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?style=switcher.css">Fluid</a></li>
					</ul>
				</li>
				<li><a class="has_slide" href="#">Layout Position</a>
					<ul class="slideout">
						<li><a href="http://www.tricycle.ie/adminica/css/theme/switcher2.php?style=switcher.css">Side</a></li>
						<li><a href="http://www.tricycle.ie/adminica/css/theme/switcher2.php?style=../layout_top.css">Top</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/coverflow.png"/>Boxes</a>
			<ul class="dropdown">
				<li><a class="has_slide" href="#">Tab Boxes</a>
					<ul class="slideout">
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/tabs/">Horizontal Tabs</a></li>
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/tabs/">Vertical Tabs</a></li>
					</ul>
				</li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/accordions/">Accordions Boxes</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/wizard">Step by Step Wizard</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/code/">Code View</a></li>
			</ul>
		</li>	
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/create_write.png"/>Forms</a>
			<ul class="dropdown">
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Input & Validation</a></li>
				<li><a class="has_slide" href="#">Date</a>
					<ul class="slideout">
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Date Field</a></li>
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Inline Picker</a></li>
					</ul>
				</li>
				<li><a class="has_slide" href="#">Sliders</a>
					<ul class="slideout">
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Horizontal Slider</a></li>
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Vertical Slider</a></li>
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Range Slider</a></li>
						<li><a href="http://www.tricycle.ie/adminica/index.php/site/forms/">Progress Bar</a></li>
					</ul>
				</li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/buttons/">Buttons</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/editor/">WYSIWYG Editor</a></li>
			</ul>
		</li>		
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/images.png"/>Gallery</a>
			<ul class="dropdown">
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/gallery/">Fancybox Gallery</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/gallery_sortable/">Sortable Gallery<span class="alert badge alert_magenta">cool</span></a></li>
			</ul>
		</li>			
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/blocks_images.png"/>Tables</a>
			<ul class="dropdown dropdown_left">
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/tables/">DataTables</a></li>
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/tables_static/">Regular Tables<span class="alert badge alert_red">new</span></a></li>
			</ul>
		</li>
		<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/plane_suitcase.png"/>Organize</a>
			<ul class="dropdown dropdown_left">
<!-- 				<li><a href="#"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/Folder.png"/>Files</a></li> -->
				<li><a href="http://www.tricycle.ie/adminica/index.php/site/contacts/"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/users.png"/>Contacts</a></li>
			</ul>
		</li>
		<li><a href="http://www.tricycle.ie/adminica/index.php/site/calendar/"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/month_calendar.png"/>Calendar<span class="alert badge alert_blue">new</span></a></li>
		<li><a href="http://www.tricycle.ie/adminica/index.php/site/charts/"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/graph.png"/>Charts<span class="alert badge alert_green">new</span></a></li>
		<li><a href="http://www.tricycle.ie/adminica/index.php/site/login/"><img src="http://www.tricycle.ie/adminica/images/icons/small/grey/locked_2.png"/>Login</a></li>
	</ul>	
</div><!-- #nav_top -->

				<div class="flat_area grid_16">
					<h2>Sortable Gallery</h2>
					<p>This is one of <strong>Adminica</strong>'s coolest features, a dynamically sortable gallery. Change the radio buttons and watch them slide! </p>
					<p><strong>You can sort anything with this not just image tiles</strong> eg. it could rearrange a contact or feature list.</p>
					<form id="filter" class="clearfix indent gallery_sorter">
				  		<fieldset class="grid_7 alpha">
						    <H3>Filter by colour</h3>
						    <label><input type="radio" name="type" value="all" checked="checked">All</label>
						    <label><input type="radio" name="type" value="blue">Blue</label>
						    <label><input type="radio" name="type" value="sepia">Sepia</label>
						    <label><input type="radio" name="type" value="grey">Black & White</label>
						</fieldset>
						<fieldset class="grid_7 omega">
						    <h3>Sort by</h3>
						    <label><input type="radio" name="sort" value="name" checked="checked">Name</label>
						    <label><input type="radio" name="sort" value="size">Size</label>      
						</fieldset>
					</form>
					<div class="indent gallery">
						<ul class="clearfix">
	
	<li data-id="bl01" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image01.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image01_thumb.jpg"/>
		<span class="name">Blue 1</span>
		<span class="size">71234kb</span></a></li>
		
	<li data-id="bl02" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image2.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image02_thumb.jpg"/>
		<span class="name">Blue 2</span>
		<span class="size">7235kb</span></a></li>
		
	<li data-id="bl03" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image3.jpg"
		><img src="http://www.tricycle.ie/adminica/images/gallery/blue/image03_thumb.jpg"/>
		<span class="name">Blue 3</span>
		<span class="size">1456kb</span></a></li>
		
	<li data-id="bl04" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image04.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image04_thumb.jpg"/>
		<span class="name">Blue 4</span>
		<span class="size">45671kb</span></a></li>
		
	<li data-id="bl05" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image05.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image05_thumb.jpg"/>
		<span class="name">Blue 5</span>
		<span class="size">15678kb</span></a></li>
	
	<li data-id="bl06" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image06.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image06_thumb.jpg"/>
		<span class="name">Blue 6</span>
		<span class="size">16678kb</span></a></li>
		
	<li data-id="bl07" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image07.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image07_thumb.jpg"/>
		<span class="name">Blue 7</span>
		<span class="size">17678kb</span></a></li>
		
	<li data-id="bl08" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image08.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image08_thumb.jpg"/>
		<span class="name">Blue 8</span>
		<span class="size">19678kb</span></a></li>
		
	<li data-id="bl09" data-type="blue">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/blue/image09.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/blue/image09_thumb.jpg"/>
		<span class="name">Blue 9</span>
		<span class="size">110678kb</span></a></li>	

<!-- BW Images -->		
				
	<li data-id="gr01" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image01.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image01_thumb.jpg"/>
		<span class="name">Grey 1</span>
		<span class="size">234kb</span></a></li>

	<li data-id="gr02" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image02.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image02_thumb.jpg"/>
		<span class="name">Grey 2</span>
		<span class="size">2345kb</span></a></li>

	<li data-id="gr03" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image03.jpg"
		><img src="http://www.tricycle.ie/adminica/images/gallery/grey/image03_thumb.jpg"/>
		<span class="name">Grey 3</span>
		<span class="size">23456kb</span></a></li>

	<li data-id="gr04" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image04.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image04_thumb.jpg"/>
		<span class="name">Grey 4</span>
		<span class="size">456677kb</span></a></li>

	<li data-id="gr05" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image05.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image05_thumb.jpg"/>
		<span class="name">Grey 5</span>
		<span class="size">5678kb</span></a></li>

	<li data-id="gr06" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image06.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image06_thumb.jpg"/>
		<span class="name">Grey 6</span>
		<span class="size">678kb</span></a></li>

	<li data-id="gr07" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image07.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image07_thumb.jpg"/>
		<span class="name">Grey 7</span>
		<span class="size">7678kb</span></a></li>

	<li data-id="gr08" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image08.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image08_thumb.jpg"/>
		<span class="name">Grey 8</span>
		<span class="size">1978kb</span></a></li>

	<li data-id="gr09" data-type="grey">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/grey/image09.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/grey/image09_thumb.jpg"/>
		<span class="name">Grey 9</span>
		<span class="size">1108kb</span></a></li>

<!-- Sepia Images -->
	
	<li data-id="sl01" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image01.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image01_thumb.jpg"/>
		<span class="name">Sepia 1</span>
		<span class="size">71234kb</span></a></li>

	<li data-id="sl02" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image02.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image02_thumb.jpg"/>
		<span class="name">Sepia 2</span>
		<span class="size">2345kb</span></a></li>

	<li data-id="sl03" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image03.jpg"
		><img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image03_thumb.jpg"/>
		<span class="name">Sepia 3</span>
		<span class="size">3456kb</span></a></li>

	<li data-id="sl04" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image04.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image04_thumb.jpg"/>
		<span class="name">Sepia 4</span>
		<span class="size">4567kb</span></a></li>

	<li data-id="sl05" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image05.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image05_thumb.jpg"/>
		<span class="name">Sepia 5</span>
		<span class="size">15678kb</span></a></li>

	<li data-id="sl06" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image06.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image06_thumb.jpg"/>
		<span class="name">Sepia 6</span>
		<span class="size">16678kb</span></a></li>

	<li data-id="sl07" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image07.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image07_thumb.jpg"/>
		<span class="name">Sepia 7</span>
		<span class="size">17678kb</span></a></li>

	<li data-id="sl08" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image08.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image08_thumb.jpg"/>
		<span class="name">Sepia 8</span>
		<span class="size">19678kb</span></a></li>

	<li data-id="sl09" data-type="sepia">
		<a rel="collection" href="http://www.tricycle.ie/adminica/images/gallery/sepia/image09.jpg">
		<img src="http://www.tricycle.ie/adminica/images/gallery/sepia/image09_thumb.jpg"/>
		<span class="name">Sepia 9</span>
		<span class="size">110678kb</span></a></li>

		
</ul>	
					</div>
					<p><strong>Note:</strong> You will need moderate programming ability if you want to change how the sorter works, eg. If you wanted to reverse sort or sort by date. However, if you just want to add more categories then it's a piece of cake.</p>
				</div>		
			</div>
			
		</div>

<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/quicksand/jquery.quicksand.js"></script>
<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/quicksand/custom_sorter.js"></script>
<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/quicksand/dash_sorter.js"></script>
<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/quicksand/jquery-css-transform.js"></script>
<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/quicksand/jquery-animate-css-rotate-scale.js"></script>

<script type="text/javascript" src="http://www.tricycle.ie/adminica/js/fancybox/jquery.fancybox-1.3.4.js"></script>

<script type="text/javascript">	
	
//FancyBox Config (more info can be found at http://www.fancybox.net/)

	$(".gallery ul li a").fancybox({'overlayColor':'#000'});
	
	$("a img.fancy").fancybox();

</script>
		<div id="template_options" class="clearfix">
	<h3><img src="http://www.tricycle.ie/adminica/images/adminica.png" alt="Adminica"></h3>
	<div class="layout_size round_all">
		<label>Layout:</label>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?style=switcher.css">Fluid</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher1.php?style=../layout_fixed.css">Fixed</a>
	</div>
	<div class="layout_position round_all">
		<label>Header: </label>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher2.php?style=switcher.css">Side</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher2.php?style=../header_top.css">Top</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher2.php?style=../header_slideout.css">Slide</a>
	</div>
	<div class="layout_position round_all">
		<label>Theme: </label>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher.php?style=multiple&switcher5.php=switcher.css&switcher4.php=switcher.css">Dark</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher.php?style=multiple&switcher5.php=theme_light.css&switcher4.php=switcher.css">Light</a>
	</div>
	<div class="theme_colour round_all">
		<label>Colour:</label>
		<a class="black" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=switcher.css"><span>Black</span></a>
		<a class="blue" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_blue.css"><span>Blue</span></a>
		<a class="navy" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_navy.css"><span>Navy</span></a>
		<a class="red" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_red.css"><span>Red</span></a>
		<a class="green" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_green.css"><span>Green</span></a>
		<a class="magenta" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_magenta.css"><span>Magenta</span></a>
		<a class="orange" href="http://www.tricycle.ie/adminica/css/theme/switcher3.php?style=theme_brown.css"><span>Brown</span></a>
	</div>
	<div class="theme_background round_all" id="bg_dark">
		<label>Dark Backgrounds:</label>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=switcher.css">Boxes</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_punched.css">Punched</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_honeycomb.css">Honeycomb</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_wood.css">Wood</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_dark_wood.css">Timber</a><span>|</span>
		<a class="display_none" href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_noise.css">Noise</a>
	</div>
	<div class="theme_background round_all" id="bg_light">
		<label>Light Backgrounds:</label>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=switcher.css">Silver</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_white_wood.css">Wood</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_squares.css">Squares</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_noise_zero.css">Noise</a><span>|</span>
		<a href="http://www.tricycle.ie/adminica/css/theme/switcher4.php?style=bg_stripes.css">Stripes</a>
	</div>
</div>


<!-- Please ignore, this is for Google Analytics. -->		
		<script type="text/javascript">
		
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-4548504-2']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>
	</body>
</html>
